<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./css/bootstrap.css">
    <link rel="stylesheet" href="./css/wjsfont.css">
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>
    <!-- 微金所头部 开始 -->
   <div class="wjstop hidden-sm hidden-xs">
       <div class="container-fluid">
           <div class="row">
               <div class="col-lg-2 col-md-2">
                   <a class="qrcode" href="">
                       <span class="glyphicon glyphicon-phone"></span>
                       手机微金所
                       <span class="glyphicon glyphicon-chevron-down"></span>
                       <img src="./images/code.jpg" alt="">
                   </a>
               </div>
               <div class="col-lg-5 col-md-5">
                <span class="glyphicon glyphicon-phone-alt">
                    4006-89-4006（服务时间：9:00-21:00)</span>
               </div>
               <div class="col-lg-3 col-md-3">
                   <a href="">常见问题</a>
                   <a href="">财富登录</a>
               </div>
               <div class="col-lg-2 col-md-2">
                   <a class="btn btn-danger" href="">免费注册</a>
                   <a class="login" href="">登录</a>
               </div>
           </div>
       </div>
   </div> 
   <!-- 微金所头部 结束 -->
   <!-- 微金所选择菜单 开始 -->
   <div id="wjs-nav">
    <nav class="navbar navbar-default">
      <div class="container">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header"> 
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button> 
          <a class="navbar-brand" href="#">
            <span class="glyphicon glyphicon-tree-conifer" style="color: red;"></span>
            <span class="glyphicon glyphicon-tree-conifer" style="color: red;"></span>
          </a>
        </div>
        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
          <ul class="nav navbar-nav">
            <li><a href="#">我要投资</a></li>
            <li><a href="#">我要借贷</a></li>
            <li><a href="#">平台介绍</a></li>
            <li><a href="#">新手专区</a></li>
            <li><a href="#">最新福利</a></li>
            <li><a href="#">微平台</a></li>
          </ul>
          <ul class="nav navbar-nav navbar-right">
            <li><a href="#">个人中心</a></li>
          </ul>
        </div><!-- /.navbar-collapse -->
      </div><!-- /.container-fluid -->
    </nav>
    </div>
   </div>
   <!-- 微金所选择菜单 结束 -->
   <!-- 微金所大轮播图 开始 -->
   <div id="carousel-example-generic" class="carousel slide hidden-xs" data-ride="carousel">
    <!-- Indicators -->
    <ol class="carousel-indicators">
      <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
      <li data-target="#carousel-example-generic" data-slide-to="1"></li>
      <li data-target="#carousel-example-generic" data-slide-to="2"></li>
    </ol>
  
    <!-- Wrapper for slides -->
    <div class="carousel-inner" role="listbox">
      <div class="item active">
        <img src="./images/slide_01_2000x410.jpg" alt="...">
        <div class="carousel-caption">
        </div>
      </div>
      <div class="item">
        <img src="./images/slide_02_2000x410.jpg" alt="...">
        <div class="carousel-caption">
        </div>
      </div>
      <div class="item">
        <img src="./images/slide_03_2000x410.jpg" alt="...">
        <div class="carousel-caption">
        </div>
      </div>
    </div>
  
    <!-- Controls -->
    <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
      <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
      <span class="sr-only">Previous</span>
    </a>
    <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
      <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
      <span class="sr-only">Next</span>
    </a>
  </div>
  <!-- 微金所大轮播图 结束 -->
  <!-- 微金所小轮播图 开始 -->
  <div id="carousel-example-generic" class="carousel slide hidden-lg hidden-md hidden-sm" data-ride="carousel">
    <!-- Indicators -->
    <ol class="carousel-indicators">
      <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
      <li data-target="#carousel-example-generic" data-slide-to="1"></li>
      <li data-target="#carousel-example-generic" data-slide-to="2"></li>
    </ol>
  
    <!-- Wrapper for slides -->
    <div class="carousel-inner" role="listbox">
      <div class="item active">
        <img src="./images/slide_01_640x340.jpg" alt="...">
        <div class="carousel-caption">
        </div>
      </div>
      <div class="item">
        <img src="./images/slide_02_640x340.jpg" alt="...">
        <div class="carousel-caption">
        </div>
      </div>
      <div class="item">
        <img src="./images/slide_03_640x340.jpg" alt="...">
        <div class="carousel-caption">
        </div>
      </div>
    </div>
  
    <!-- Controls -->
    <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
      <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
      <span class="sr-only">Previous</span>
    </a>
    <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
      <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
      <span class="sr-only">Next</span>
    </a>
  </div>
  <!-- 微金所小轮播图 结束 -->
  <!-- 支付安全 开始 -->
  <div class="pay hidden-xs">
      <div class="container">
          <div class="row">
              <div class="col-lg-4 col-sm-6 col-md-4">
                  <a href="">
                      <div class="tubiao">
                        <span class="glyphicon glyphicon-jpy"></span>
                      </div>
                      <div class="pay-text">
                          <span>支付交易保障</span>
                          <span>银联支付全程保证支付安全</span>
                      </div>
                  </a>
              </div>
              <div class="col-lg-4 col-sm-6 col-md-4 hidden-xs"><a href="">
                <div class="tubiao">
                    <span class="glyphicon glyphicon-jpy"></span>
                </div>
                <div class="pay-text">
                    <span>支付交易保障</span>
                    <span>银联支付全程保证支付安全</span>
                </div>
            </a></div>
              <div class="col-lg-4 col-sm-6 col-md-4 hidden-xs"><a href="">
                <div class="tubiao">
                    <span class="glyphicon glyphicon-jpy"></span>
                </div>
                <div class="pay-text">
                    <span>支付交易保障</span>
                    <span>银联支付全程保证支付安全</span>
                </div>
            </a></div>
              <div class="col-lg-4 col-sm-6 col-md-4 hidden-xs"><a href="">
                <div class="tubiao">
                    <span class="glyphicon glyphicon-jpy"></span>
                </div>
                <div class="pay-text">
                    <span>支付交易保障</span>
                    <span>银联支付全程保证支付安全</span>
                </div>
            </a></div>
              <div class="col-lg-4 col-sm-6 col-md-4 hidden-xs"><a href="">
                <div class="tubiao">
                    <span class="glyphicon glyphicon-jpy"></span>
                </div>
                <div class="pay-text">
                    <span>支付交易保障</span>
                    <span>银联支付全程保证支付安全</span>
                </div>
            </a></div>
              <div class="col-lg-4 col-sm-6 col-md-4 hidden-xs"><a href="">
                <div class="tubiao">
                    <span class="glyphicon glyphicon-jpy"></span>
                </div>
                <div class="pay-text">
                    <span>支付交易保障</span>
                    <span>银联支付全程保证支付安全</span>
                </div>
            </a></div>
          </div>
      </div>
  </div>
  <!-- 支付安全 结束 -->
  <!-- 宣传片 开始 -->
  <div class="advertising col-sm-12">
      <div class="container">
        <div class="pull-left">
          <span class="glyphicon glyphicon-time"></span>
          现在有 273 人在排队，累计预约交易成功 7571 次。 什么是预约投标？
        <a href="">立即预约</a>
      </div>
      <div class="pull-right hidden-xs">
          <span class="glyphicon glyphicon-facetime-video"></span>
          微金所企业宣传片
      </div>
      </div>
  </div>
  <!-- 宣传片 结束 -->
  <!-- 导航栏 开始 -->
       <div class="daohang">
        <ul class="nav nav-tabs">
          <li role="presentation" class="active"><a href="#navhome" aria-controls="home" role="tab" data-toggle="tab">特别推荐</a></li>
          <li role="presentation"><a href="#nav-profile" aria-controls="profile" role="tab" data-toggle="tab">Profile</a></li>
          <li role="presentation"><a href="#nav-messages" aria-controls="messages" role="tab" data-toggle="tab">Messages</a></li>
          <li role="presentation"><a href="#nav-settings" aria-controls="settings" role="tab" data-toggle="tab">Settings</a></li>
          </ul>
          <div class="tab-content" id="tab-content">
            <div role="tabpanel" class="tab-pane active" id="navhome">
              <ul class="list-group">
                <li class="list-group-item"><a href="">2016-9-19【微还款】一周还款公告2016年1月18日-1月24日</a></li>
                <li class="list-group-item">阿姀</li>
                <li class="list-group-item">阿姀</li>
                <li class="list-group-item">阿姀</li>
                <li class="list-group-item">阿姀</li>
              </ul>
            </div>
            <div role="tabpanel" class="tab-pane" id="nav-profile">
              <ul class="list-group">
                <!-- <li class="list-group-item"><a href="">2016-9-19【微还款】一周还款公告2016年1月18日-1月24日</a></li> -->
                <li class="list-group-item">阿姀</li>
                <li class="list-group-item">阿姀</li>
                <li class="list-group-item">阿姀</li>
                <li class="list-group-item">阿姀</li>
              </ul>
            </div>
            <div role="tabpanel" class="tab-pane" id="nav-messages">.3..</div>
            <div role="tabpanel" class="tab-pane" id="nav-settings">.4..</div>
          </div>
       </div>
  <!-- 导航栏 结束 -->
  <!-- 微金券 开始 -->
       <div class="tap">
           <div class="container-fluid">
             <div class="row">
               <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
                 <a class="cart_default" href="">
                  <div class="buy-left clearfix">
                      <h4>新手体验1002期</h4>
                      <div class="f-left">
                        <p>起投金额</p>
                        <p>0.01万</p>
                        <p>借款期限</p>
                        <p>10天</p>
                      </div>
                      <div class="f-right">
                        <p>起投金额</p>
                        <p>0.01万</p>
                        <p>借款期限</p>
                        <p>10天</p>
                      </div>
                  </div>
                  <div class="buy-right">
                    <p>8</p>
                    <p>年利率</p>
                  </div>
                 </a>
               </div>
               <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
                <a id="col-red" class="cart_default" href="">
                 <div class="buy-left clearfix">
                   <span class="glyphicon glyphicon-ruble"></span>
                     <h4>新手体验1002期</h4>
                     <div class="f-left">
                       <p>起投金额</p>
                       <p>0.01万</p>
                       <p>借款期限</p>
                       <p>10天</p>
                     </div>
                     <div class="f-right">
                       <p>起投金额</p>
                       <p>0.01万</p>
                       <p>借款期限</p>
                       <p>10天</p>
                     </div>
                 </div>
                 <div class="buy-right">
                   <p>8</p>
                   <p>年利率</p>
                 </div>
                </a>
              </div>
              <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
                <a class="cart_default" href="">
                 <div class="buy-left clearfix">
                     <h4>新手体验1002期</h4>
                     <div class="f-left">
                       <p>起投金额</p>
                       <p>0.01万</p>
                       <p>借款期限</p>
                       <p>10天</p>
                     </div>
                     <div class="f-right">
                       <p>起投金额</p>
                       <p>0.01万</p>
                       <p>借款期限</p>
                       <div class="progress">
                        <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">
                          60%
                        </div>
                      </div>
                     </div>
                 </div>
                 <div class="buy-right">
                   <span>宝</span>
                   <span>贝</span>
                   <p>8</p>
                   <p>年利率</p>
                 </div>
                </a>
              </div>
              <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
                <a id="col-red" class="cart_default" href="">
                 <div class="buy-left clearfix">
                  <span class="glyphicon glyphicon-ruble"></span>
                     <h4>新手体验1002期</h4>
                     <div class="f-left">
                       <p>起投金额</p>
                       <p>0.01万</p>
                       <p>借款期限</p>
                       <p>10天</p>
                     </div>
                     <div class="f-right">
                       <p>起投金额</p>
                       <p>0.01万</p>
                       <p>借款期限</p>
                       <p>10天</p>
                     </div>
                 </div>
                 <div class="buy-right">
                   <p>8</p>
                   <p>年利率</p>
                 </div>
                </a>
              </div>
             </div>
           </div>
       </div>
  <!-- 微金券 结束 -->
  <!-- 新闻板块 开始 -->
  <div class="wjs-news">
    <div class="container">
      <div class="row">
        <div class="col-lg-2 col-lg-offset-3 col-sm-12 col-md-2 col-md-offset-3">
          <div class="news-tilte">全部新闻</div>
        </div>
        <div class="col-lg-2 col-md-2">
          <div class="line hidden-sm hidden-xs"></div>
          <ul role="tablist" class="row ul-row">
            <li role="presentation" class="active col-lg-12 col-md-12 col-sm-3 col-xs-3">
              <a href="#news-home" aria-controls="news-home" role="tab" data-toggle="tab"><span class="
                glyphicon glyphicon-globe"></span></a>
            </li>
            <li role="presentation" class="col-lg-12 col-md-12 col-sm-3 col-xs-3">
              <a href="#news-profile" aria-controls="news-profile" role="tab" data-toggle="tab"><span class="
                glyphicon glyphicon-text-size"></span></a>
            </li>
            <li role="presentation" class="col-lg-12 col-md-12 col-sm-3 col-xs-3">
              <a href="#news-messages" aria-controls="news-messages" role="tab" data-toggle="tab"><span class="
                glyphicon glyphicon-headphones"></span></a>
            </li>
            <li role="presentation" class="col-lg-12 col-md-12 col-sm-3 col-xs-3s">
              <a href="#news-settings" aria-controls="news-settings" role="tab" data-toggle="tab"><span class="
                glyphicon glyphicon-blackboard"></span></a>
            </li>
        </div>
        <div class="col-lg-5 col-sm-12 col-md-5 col-xs-12">
          <div class="tab-content" id="tab-content">
          <div role="tabpanel" class="tab-pane active" id="news-home">
            <ul class="list-group">
              <li class="list-group-item"><a href="">2016-9-19【微还款】一周还款公告2016年1月18日-1月24日</a></li>
              <li class="list-group-item">阿姀</li>
              <li class="list-group-item">阿姀</li>
              <li class="list-group-item">阿姀</li>
              <li class="list-group-item">阿姀</li>
            </ul>
          </div>
          <div role="tabpanel" class="tab-pane" id="news-profile">..2.</div>
          <div role="tabpanel" class="tab-pane" id="news-messages">.3..</div>
          <div role="tabpanel" class="tab-pane" id="news-settings">.4..</div>
        </div>
      </div>
      </div>
    </div>
  </div>
  <!-- 新闻板块 结束 -->
  <!-- 合作伙伴 开始 -->
  <footer>
    <h2>微金所官方合作伙伴</h2>
    <div>
      <a href="">
        <span class="
        glyphicon glyphicon-grain"></span>
      </a>
      <a href="">
        <span class="glyphicon glyphicon-apple"></span>
      </a>
      <a href="">
        <span class="glyphicon glyphicon-tree-deciduous"></span>
      </a>
      <a href="">
        <span class="glyphicon glyphicon-tree-conifer"></span>
      </a>
      <a href="">
        <span class="glyphicon glyphicon-cloud-upload"></span>
      </a>
      <a href="">
        <span class="glyphicon glyphicon-cloud-upload"></span>
      </a>
      <a href="">
        <span class="glyphicon glyphicon-cloud-upload"></span>
      </a>
      <a href="">
        <span class="glyphicon glyphicon-cloud-upload"></span>
      </a>
      <a href="">
        <span class="glyphicon glyphicon-cloud-upload"></span>
      </a>
    </div>
    </div>
  </footer>
  <!-- 合作伙伴 结束 -->
</body>
</html>
<script src="./js/jquery.js"></script>
<script src="./js/bootstrap.js"></script>
<!-- 显示屏幕宽度的js代码 -->
<script src="./js/index.js"></script>